<!--列表模板-->
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3" translate="template.moduleName"></h1>
</div>
<div class="wrapper-md">
    <!--面板-->
    <div class="panel panel-default">
        <!--面板标题-->
        <div class="panel-heading font-bold" translate="template.listName"></div>
        <!--操作栏-->
        <div class="panel-neck row">
            <form class="form-inline col-md-12" role="form">
                <!--搜索属性一-->
                <div class="form-group">
                    <label class="sr-only" for="searchTitle" translate="demo.attribute1"></label>
                    <input type="search" id="searchTitle" class="form-control" name="attribute1"
                           ng-model="vm.query.attribute1"
                           placeholder="{{'demo.attribute1' | translate}}">
                </div>
                <!--搜索属性二-->
                <div class="form-group">
                    <label class="sr-only" for="searchCreator" translate="demo.attribute2"></label>
                    <input type="search" id="searchCreator" class="form-control" name="attribute2"
                           ng-model="vm.query.attribute2"
                           placeholder="{{'demo.attribute2' | translate}}">
                </div>
                <!--筛选开始时间-->
                <div class="form-group">
                    <div class="input-group">
                        <input id="startTime" name="startTime" required class="form-control" readonly
                               placeholder={{'common.beginTime'|translate}}
                               ng-model="vm.query.dateStart">
                        <span class="input-group-btn ">
                            <button type="button" class="btn btn-default"
                                    wdate-picker="{el:'startTime',dateFmt:'yyyy-MM-dd HH:mm:ss',getDateStr:'yyyy-MM-dd HH:mm:ss'}"
                                    ng-model="vm.query.dateStart">
                                <i class="glyphicon glyphicon-calendar"></i>
                            </button>
                        </span>
                    </div>
                </div>
                <!--筛选结束时间-->
                <div class="form-group">
                    <div class="input-group">
                        <input id="endTime" name="endTime" required class="form-control"
                               ng-model="vm.query.dateEnd"
                               readonly placeholder={{'common.endTime'|translate}}>
                        <span class="input-group-btn ">
                            <button type="button" class="btn btn-default"
                                    wdate-picker="{el:'endTime',dateFmt:'yyyy-MM-dd HH:mm:ss',getDateStr:'yyyy-MM-dd HH:mm:ss'}"
                                    ng-model="vm.query.dateEnd">
                                <i class="glyphicon glyphicon-calendar"></i>
                            </button>
                        </span>
                    </div>
                </div>
                <!--右侧按钮-->
                <div class="form-group pull-right">
                    <button class="btn btn-sm btn-primary" ng-click="vm.search()">
                        <i class="fa fa-search"></i> {{'common.search'|translate}}
                    </button>
                    <button class="btn btn-sm btn-primary" ng-click="vm.add()">
                        <i class="fa fa-plus"></i>
                        <span translate="common.add"></span>
                    </button>
                    <button class="btn btn-sm btn-default" ng-click="vm.reset()">
                        <i class="fa fa-refresh"></i> {{'common.reset' | translate}}
                    </button>
                </div>
            </form>
        </div>
        <div class="b-b"></div>
        <!--表格-->
        <div class="panel-body">
            <table id="flexiGrid" class="flexiGrid" iss-flexigrid="vm.tableOptions"
                   flexigrid-control="vm.table"></table>
        </div>
    </div>
</div>
